.home-page {
  .home-page-conter {
    padding: 0 0 200rpx;
    .banner {
      img {
        width: 100%;
        height: 417rpx;
      }
    }
    .section-conter {
      .homeConter {
        .panic {
          @include borderCard(702rpx, 540rpx);
          margin: 0 auto;
          .panic-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            .panic-input {
              padding: 0 16rpx 0 0;
              background: #353130;
              border-radius: 24rpx;
              border: 1px solid #f7a375 !important;
              display: flex;
              align-items: center;
              flex: 1;
              .u-input {
                height: 112rpx;
                border-radius: 24rpx;
                border: 1px solid #353130 !important;
              }
              .uni-input-input {
                color: #ffffff !important;
              }

              .triangle-item {
                display: flex;
                flex-direction: column;
                .triangle-up {
                  width: 0;
                  height: 0;
                  border-top: 16rpx solid transparent;
                  border-right: 16rpx solid transparent;
                  border-left: 16rpx solid transparent;
                  border-bottom: 16rpx solid #f7a375;
                  margin-bottom: 8rpx;
                }
                .triangle-bottom {
                  margin-top: 8rpx;
                  width: 0;
                  height: 0;
                  border-top: 16rpx solid #f7a375;
                  border-right: 16rpx solid transparent;
                  border-left: 16rpx solid transparent;
                  border-bottom: 16rpx solid transparent;
                }
              }
            }
            .panic-radio {
              margin-left: 20rpx;
              font-size: 50rpx;
              font-weight: 500;
              background: linear-gradient(44deg, #f6e7a5 0%, #f7a375 100%);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
            }
          }
          .panic-tips {
            font-size: 28rpx;
            text-align: center;
            margin: 32rpx 0;
          }

          .btn {
            width: 100%;
            height: 112rpx;
            line-height: 112rpx;
            text-align: center;
            border-radius: 24rpx;
            color: #231d21;
            font-size: 44rpx;
            background: linear-gradient(90deg, #f6e7a5, #f7a375);
          }
        }
        .inquire {
          @include borderCard(702rpx, 332rpx);
          .row-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            .row-left {
              width: 282rpx;
              height: 232rpx;
              img {
                width: 100%;
                height: 100%;
              }
            }

            .row-right {
              view {
                width: 232rpx;
                height: 112rpx;
                line-height: 112rpx;
                text-align: center;
                border-radius: 24rpx;
                color: #231d21;
                font-size: 36rpx;
                background: linear-gradient(90deg, #f6e7a5, #f7a375);
              }
            }
          }
        }
        .dividend {
          @include borderCard(702rpx, 1640rpx);
          .row-item {
            .panice1 {
              width: 236rpx;
              height: 76rpx;
              object-fit: contain;
              margin-bottom: 26rpx;
            }

            .title {
              line-height: 1.5;
              color: #fffbf5;
              font-size: 26rpx;
              margin: 8rpx;
              span {
                background: linear-gradient(44deg, #f6e7a5 0%, #f7a375 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                margin: 0 4rpx;
              }
            }
            .title::before {
              content: "";
              display: inline-block;
              width: 4px;
              height: 4px;
              border-radius: 4px;
              background-color: #fffbf5;
              margin-right: 4px;
            }
            .row-tab {
              margin: 10rpx 0 40rpx;
              border: 1px solid #fff;
              border-radius: 6rpx;
              .tan-header {
                border-bottom: 1px solid #fff;
                display: grid;
                grid-template-columns: 25% 25% 25% 25%;
                view {
                  padding: 10rpx;
                  text-align: center;
                  border-right: 1px solid #fff;
                  font-size: 26rpx;
                  font-weight: 500;
                  background: linear-gradient(44deg, #f6e7a5 0%, #f7a375 100%);
                  -webkit-background-clip: text;
                  -webkit-text-fill-color: transparent;
                }
                :last-child {
                  border: none;
                }
              }
              .tan-body {
                display: grid;
                grid-template-columns: 25% 25% 25% 25%;
                view {
                  padding: 10rpx;
                  color: #fffbf5;
                  text-align: center;
                  font-size: 26rpx;
                  font-weight: 400;
                  border-right: 1px solid #fff;
                }
                :last-child {
                  border: none;
                }
              }
            }
            .panice2 {
              width: 376rpx;
              height: 76rpx;
              object-fit: contain;
              margin-bottom: 26rpx;
            }
            .panice3 {
              width: 236rpx;
              height: 76rpx;
              object-fit: contain;
              margin-bottom: 26rpx;
            }
            .panice4 {
              width: 236rpx;
              height: 76rpx;
              object-fit: contain;
              margin-bottom: 26rpx;
            }
          }
        }
      }
    }
  }
}
